﻿<!doctype html>
<html lang="en" style="background:url('images/shutiao.png');">
 <head>
  <meta charset="UTF-8">

  <meta name="Description" content="云从科技">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>云从科技</title>
  <!--引入css样式-->
 
  
  <link rel="stylesheet" type="text/css" href="css/style.css" >
  <!--引入jQuery(JavaScript封装库文件)及js文件-->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<style type="text/css">

	.tab>li >span{
		display:block;
		height:80px;
		line-height:80px;
		background:#545353;
		width:100%;
		font-family:微软雅黑;
	}
	
	li{
	list-style: none;
	}
	#menu_left{width:100;}
	.tab{width:100%;}
	#menu_left .tab li{width:100%;}
	.specialFont{font-size:18px;}
	
	</style>
 </head>
 <body>
<!--左侧导航菜单开始-->
	<div id="menu_left" >
		<ul class="tab" >
			<li style="text-align:center;"><span style="cursor:pointer;"><span   style="display:block;width:100%;">基本功能</span><!--<img style="" src="images/xiangxiajiantou.png"/>--></span>
				<ul class="con">
					<li  ><a href="html/livedetect.html#top" target="main">活体检测</a></li>
					<!-- <li ><a href="html/compare.html#t1" target="main">人脸比对</a></li> -->
<!--					<li ><a href="html/ocr.html#t2" target="main">证件OCR</a></li>-->
<!--					<li ><a href="html/recognise.html#t3" target="main">人脸识别</a></li>-->
<!--					<li ><a href="html/faceDetect.html#t4" target="main">人脸检测</a></li>-->
<!--					<li ><a href="html/attribute.html#t5" target="main">属性分析</a></li>-->
<!--					<li ><a href="html/faceInfo.html#t6" target="main">实时分析</a></li>-->
					<li ><a href="html/upload.html#t7" target="main">照片上传</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<!--左侧导航菜单结束-->
	<script>
/*	(function(){
	if(window.screen.width==1024){
		$("#menu_left .tab li span span").addClass("specialFont");
		$("#menu_left .tab li .con li a").addClass("specialFont");
		
	}
})();
*/

$(window).ready(function(e) {
  
	$(window).resize(windowResize);
	
});
function windowResize(){

	var wid=document.body.clientWidth;
	if(wid<60){
	
		$("#menu_left .tab li").css('fontSize','8px');
		$("#menu_left .tab li .con li a").css('fontSize','8px');
	}else if(wid>=60 && wid<100){
		$("#menu_left .tab li").css('fontSize','14px');
		$("#menu_left .tab li .con li a").css('fontSize','14px');
	}else if(wid>=100 && wid<150){
		$("#menu_left .tab li").css('fontSize','20px');
		$("#menu_left .tab li .con li a").css('fontSize','20px');
	}else if(wid>=150 && wid<=1920){
		$("#menu_left .tab li").css('fontSize','22px');
		$("#menu_left .tab li .con li a").css('fontSize','22px');
	}
}

	</script>
 </body>
</html>

<script type="text/javascript">

$("#menu_left .con li a").click(
function(){
	//console.log(1);
	currentUrl = this.href;
	//console.log(currentUrl);
}
);


</script>